<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职位详情</title>
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.css">
    <!-- <link rel="stylesheet" href="../../icon/xiajunhui.icon/iconfont.css"> -->
    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/map.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/zhiwei.css">
    <script src="../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
    <script src="../JavaScript/map.js"></script>
    <script src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=fhZVRIufSiwbAEqaBupDjH04KsQeV3tW"></script> 
  
    <style>
        .jutixinxi span:nth-of-type(1){
           border-right: 1.5px solid white;
           padding-right: 10px;
        }
        .jutixinxi span:nth-of-type(2){
           border-right: 1.5px solid white;
           padding-right: 10px;
        }
        .gongsitupian{
            width: 80%;
            /* height: 80px; */
            line-height: 80px;
            /* text-align: center; */
        }
        #ditu{
            
            width: 100%;
            height: 300px;
        }
        .anchorBL a{
        display: none;
        }

        .anchorBL img{
         display: none;
        }

        .anchorBL span{
        display: none!important;
        }
        body, html{
            -moz-user-select: none; /*火狐*//*选中文字时避免出现蓝色背景*/
            -webkit-user-select: none; /*webkit浏览器*//*选中文字时避免出现蓝色背景*/
            -ms-user-select: none; /*IE10*//*选中文字时避免出现蓝色背景*/
            user-select: none;/*选中文字时避免出现蓝色背景*/
        }
        .qiyemianmao img{
            width: 48%;
            /* height: 200px; */
            float: left;
            
        }
        .qiyemianmao img:first-child{
            margin-right: 4%;
        }
        .clear::after{
            content: '';
            display: block;
            clear: both;
        }
    </style>
</head>
<body>

    <div class="container-fluid">
        <!-- 顶部 -->
        <div class="row top">
            <div class="col-md-3 col-md-offset-1">
                <ul>
                    <li>
                        <span class="iconfont icon-shouji"></span>
                    </li>
                    <li>
                        <span>小阳招聘系统</span>
                    </li>
                    <li>
                        <select name="" id="">
                            <option value="">广州市</option>
                        </select>
                    </li>
                </ul>
            </div>
        
            <!-- 顶部首页（未登录） -->
            <div class="col-md-3 col-md-offset-4">
                <ul>
                    <li><span class="iconfont icon-lingdang"></span></li>
                    <li><a href="../login.html">招聘中心</a></li>
                    <li><a href="../login.html">登录</a></li>
                    <li>|</li>
                    <li>
                        <a>注册</a>
                        <ul id="zhuce">
                            <li><a href="../html/personal-register.html">个人注册</a></li>
                            <li><a href="../html/business-register.html">企业注册</a></li>
                        </ul>
                    </li> 
                </ul>
            </div>

            <!-- 顶部首页（已登录） -->
            <!-- <div class="col-md-3 col-md-offset-4">
                <ul>
                    <li><span class="iconfont icon-lingdang"></span></li>
                    <li id="imgLi"><img src="../images/u1042.png" alt=""></li>
                    <li><a href="./jibenxinxi.html">个人中心</a></li>
                    <li>|</li>
                    <li><a href="">退出登录</a></li>
                </ul>
            </div> -->
        </div>
        <!-- 导航栏 -->
        <div class="row nav">
            <img src="../images/logo.png" alt="#">
            <ul>
                <li><a href="./shouye_qiye.html">首页</a></li>
                <li id="zhaogongzuo"><a href="./zhaogongzuo.html">找工作</a></li>
            </ul>
        </div>
    </div>

    <header>
        <div class="touxiang">
          <!-- /* <img src="../images/头像.jpg" alt=""> */ -->
        </div>
        <div class="row toubu">
            <div class="col-xs-6">
                <span class="iconfont icon-shijian"></span>
                <p>发布于 2018-07-03</p>
                <h4>货运搬运工</h4>
                <p class="jutixinxi">
                  城市：<span>广州</span>
                  经验：<span>1-3年</span>
                  学历：<span>无学历限制</span>
                </p>
            </div>
            <div class="col-xs-6">
                <div class="row fuji">
                    <div class="col-xs-6 shuoming">
                        <!-- <h3>&nbsp;</h3> -->
                        <h2 class="gongsi">
                            <!-- 广州新邦物流有限公司 -->
                        </h2>
                        <p class="jutixinxi">
                            行业：<span>广州</span>
                            规模：<span>1-3年</span>
                            <!-- 学历：<span>无学历限制</span> -->
                          </p>
                    </div>
                    <div class="col-xs-6 gslogo" >
                       <!-- <img src="../images/shuju.png" alt="" class="gongsitupian">
                         -->
                    </div>
                  </div>
            </div>
          </div>
    </header>
    <div class="row neirong">
        <div class="col-md-7 ">
            <!-- col-md-offset-1 -->
            <div class="xingming">
                <h3>王尼玛</h3>
                <p><span>招聘HR&emsp;;&nbsp;</span><span>两天前上线</span></p>
                <p><span>联系方式&nbsp;</span><span>1414141414</span></p>
            </div>
            <div>
                <h4>职位描述</h4>
                <p>职责要求:</p>
                <p>&emsp;主要从事本公司的货运搬运工作，要求从业者为男性，并且主要搬运的货物为重货，会给本人购买保险，完全不用担心的；</p>
                <p>岗位要求：</p>
                <div>
                    <p>1</p>
                    <p>2</p>
                    <p>3</p>
                    <p>4</p>
                </div>
            </div>
            <div class="gongsijieshao">
             
            </div>
            <div>
                <h4>工作地址</h4><span class="gongzuodizhi"></span>
                <div id="ditu">
                    
                </div>
            </div>
            <div>
                <h4>企业面貌</h4>
                <div class=" qiyemianmao clear">
                     <!-- <div class="col-md-6">
                         <img src="../images/wangl(1).jpeg" alt="">
                     </div>
                     <div class="col-md-6">
                        <img src="../images/wangl(2).jpeg" alt="">
                     </div> -->
                </div>
            </div>
        </div>
    <div class="col-md-4">
        <div class="zuobianxian">
            <div class="anniu">
                <a href="#" class="btn btn-primary btn-lg active anniu" role="button">提交简历</a>
            </div>
            <div class="icon">
                <span class="iconfont icon-wujiaoxing"></span>
                <span>感兴趣</span>
                <span class="iconfont icon-yichang_weixian_jubao"></span>
                <span>举报</span>
            </div>
            <div class="xinxi">
                <div class="row ziliao">
                    <div class="col-md-6 ziti">
                        <p>10分钟</p>
                        <p>快速去完善资料</p>
                    </div>
                    <div class="col-md-6 tubiao">
                        <span class="iconfont icon-cengji cengji"></span>
                    </div>
                </div>
                <div class="wansan">
                    <button type="button" class="btn btn-primary btn-lg active ">完善资料</button>
                </div>
            </div>
            <div class="row xiangshi">
                <div class="col-md-6"><p class="xiangshizhiwei">相似职位</p></div>
                <div class="col-md-6">查找更多<span class="dayu">>></span></div>
            </div>
            <div class="row xiangshi">
                <div class="col-md-6">
                    <p>
                        <span>分拣工人</span>
                        <span>3k-60k</span>
                    </p>
                    <p>
                        广州新邦物流–广州白云区
                    </p>
                </div>
                <div class="col-md-6">
                    <div class="wuliu" style="height: 100px;">
                        <img src="../images/shuju.png" alt="">
                    </div>
                </div>
            </div>
            <div class="row xiangshi">
                <div class="col-md-6">
                    <p>
                        <span>分拣工人</span>
                        <span>3k-6k</span>
                    </p>
                    <p>
                        广州新邦物流–广州白云区
                    </p>
                </div>
                <div class="col-md-6">
                    <div class="wuliu">
                        <img src="../images/chen.jpeg" alt="">
                    </div>
                </div>
            </div>
            <div class="row xiangshi">
                <div class="col-md-6">
                    <p>
                        <span>分拣工人</span>
                        <span>3k-6k</span>
                    </p>
                    <p>
                        广州新邦物流–广州白云区
                    </p>
                </div>
                <div class="col-md-6">
                    <div class="wuliu">
                        <img src="../images/wuliu.png" alt="">
                    </div>
                </div>
            </div>
            <div class="zhiwei">
                <p>更多职位<span class="dayu">>></span></p>
            </div>
        </div> 
        <div>
            <img src="../images/u1660 (1).png" alt="" style="width: 100%; margin-top: 5%;">
        </div>  
         
    </div>
    <script>

        var map = new BMapGL.Map('ditu'); // 创建Map实例
        map.centerAndZoom('上海市', 12); // 初始化地图,设置中心点坐标和地图级别
        map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
        </script> -->
    <script>
        
        const zhiweiID = 18
        // const shuzi = {1:'一',2:'二',3:'三',4:'四',5:'五',6:'六',7:'七',8:'八',9:'九',10:'十'}
        // const xiaoxie =[0,1,2,3,4,5,6,7,8,9,10]
        function zhuanhuan(num){
            if(num<10){
                if(num==0){
                    return('当前发布')
                }if(num==1){
                    return('一')
                }if(num==2){
                    return('二')
                }if(num==3){
                    return('三')
                }if(num==4){
                    return('四')
                }if(num==5){
                    return('五')
                }if(num==6){
                    return('六')
                }if(num==7){
                    return('七')
                }if(num==8){
                    return('八')
                }if(num==9){
                    return('九')
                }
                // }if(num==10){
                //     return('十')
                // }
            }else if(num>10){
                return('十')
            }
        }
    
        let tupian=''
        let gao = $('.fuji').innerHeight()
       
        $('.gongsitupian').innerHeight(gao)
        $('.xiangshi').click(function(){
          window.location.href='./zhaogongzuo.html'
        })
        $('.zhiwei').click(function(){
          window.location.href='./zhaogongzuo.html'
        })
       
        // $('.touxiang').css()

        // $.ajax({
        //     url:'/toubuxinxi',
        //    data:zhiweiID,
        //     method:'post',
        //     success:(res)=>{
        //         $('#yaoqiu').html(`
        //         <span class="iconfont icon-shijian"></span>
        //         <p>发布于${'数据库时间'}</p>
        //         <h4>${数据库工总}</h4>
        //         <p>
        //           城市：<span>${地址}</span>
        //           经验：<span>${经验}</span>
        //           学历：<span>${学历}</span>
        //         </p>
        //         `)
        //     }
        // })
        $.ajax({
            url:'/neirong',
            method:'post',
            data:{zhiweiID},
            success:(res)=>{
                let shijian = zhuanhuan(20)
                
                // console.log(res.data[0].c_hrimg);
                console.log(res)
                $('.gongsi').html(`${res.data[0].c_name}`)
                // $(".gongsitupian").attr({ src:`${res.data[0].c_logourl}`, alt: "Test Image" });
                // $('.gongsi').after(`<p>${res.data[0].c_size}</p>`)
                $('.gslogo').html(`
                    <img src="../images/${res.data[0].c_logourl}" alt="" class="gongsitupian">
                `)
                tupian=res.data[0].c_hrimg
                $('.touxiang').css({"background":`url(../images/${tupian})`, "background-size": "cover"});
                $('.xingming').html(`
                <h3>${res.data[0].c_hrname}</h3>
                <p><span>招聘HR&emsp;&nbsp;</span><span class='shangxian'>${shijian}天前上线</span></p>
                <p><span>联系方式&nbsp;</span><span>${res.data[0].c_hrtel}</span></p>
                `)
                $('.gongsijieshao').html(`
                <h4>公司介绍</h4>
                <p>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>${res.data[0].c_intr}
                </p>
                `)
                $('.qiyemianmao').html(`
                    <img src='../images/${res.data[0].c_one_showimg}'/>
                    <img src='../images/${res.data[0].c_two_showimg}'/>
                `)
                $('.qiyemianmao img').height($('.qiyemianmao img').width()/1.45)
            }
        })
       
    </script>  
</body>
</html>